.top {
    width: 100%;
    height: 9vh;
    position:sticky;
    top:0;
    background:white;
    z-index:100;
}
.return {
    width: 40%;
    height: 9vh;
    display:flex;
    justify-content:space-between;
    align-items:center;
    float:left;
}
.returns{
    width: 60%;
    height: 9vh;
    float:left;
    text-align:right;
    line-height:9vh;
    padding-right:5%;
    box-sizing: border-box;
}
.leftIcon {
    transform:rotate(90deg);
}
.icon{
    font-size:25px;
    margin-top:15px;
    margin-left:10%;
    font-weight:550;
}
.top-cart{
    font-size:23px;
    font-weight:550;
}
.big-box{
    width:100%;
    height:91vh;
    display:flex;
    flex-direction: column;
}
/* 禁用点击 */
.locked {
    opacity: 0.6; /* 可选：使元素看起来禁用状态 */
    position:relative;
}

.coupons{
    width:85%;
    height:150px;
    border: 0.5px solid rgb(255, 186, 41);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
    transition: transform 0.3s ease-in-out; /* 添加过渡效果 */
    margin-left:7.5%;
    margin-top:2vh;
    border-radius:10px;
}
.coupons-click{
    width:85%;
    height:150px;
    border: 2px solid rgba(227, 74, 74, 0.7);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
    transition: transform 0.3s ease-in-out; /* 添加过渡效果 */
    margin-left:7.5%;
    margin-top:2vh;
    border-radius:10px;
}
.coupons:hover{
    transform: translateY(-5px); /* 鼠标悬停时向上移动一点，产生立体效果 */
}
.del{
    font-size:20px;
    font-size:550;
}
.del-show{
    display:none;
}
.coupons-left{
    width:45%;
    height:150px;
    float:left;
}
.coupons-right{
    width:55%;
    height:150px;
    float:left;
}
.coupons-left-top{
    width:100%;
    height:75px;
}
.coupons-left-bottom{
    width:100%;
    height:75px;
    line-height:120px;
    padding-left:10px;
    box-sizing: border-box;
}
.coupons-p1{
    font-size:25px;
    font-weight:850;
    color:rgb(255, 186, 41);
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    padding: 5px; /* 可选：添加一些填充以增强视觉效果 */
}
.coupons-p2{
    color:rgb(255, 186, 41);
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    padding: 5px; /* 可选：添加一些填充以增强视觉效果 */
    font-weight:600;
    padding-left:10px;
}
.coupons-p3{
    color:rgb(255, 186, 41);
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    font-weight:600;
}
.coupons-p4{
    color:rgb(255, 186, 41);
    font-size:60px;
    font-weight:550;
    text-align:right;
    padding-right:20px;
    padding-top:5px;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    padding: 5px; /* 可选：添加一些填充以增强视觉效果 */
}
.coupons-p4 span{
    font-size:50px;
    font-weight:550;
    padding-left:10px;
    margin-top:5vh;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    padding: 5px; /* 可选：添加一些填充以增强视觉效果 */
}
.farter-checked{
    position:relative;
}
.checked-show{
    display:none;
}
.checked{
    position:absolute;
    top:12vh;
    left:1%;
}
.button{
    width:48%;
    background:rgb(255, 186, 41);
    border:0px;
    color:red;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
}
.buttons{
    position:fixed;
    bottom:0;
    width:100%;
    background:rgb(255, 186, 41);
    border:0px;
    color:red;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
}
.button-show{
    display:none
}
.button-bottom{
    width:100%;
    height:50px;
    position:fixed;
    bottom:0px;
    display:flex;
    justify-content:space-around;
}